<template>
	<view>
		<view class="bg">
			<image src="../../../static/detail1.png" mode=""></image>
		</view>
		
		<view class="title">
			<text>弘扬齐派艺术 后人当仁不让 —— 朴喆</text>
		</view>
		<view class="content">
			<text>朴喆，1945年生人，出身书画世家，其夫齐西来为白石老人第七嫡孙。著名书画艺术家，擅长诗、书、画、印，尤以治印及篆书为名，在国内外书画界享有很高声誉。现为：中国书画院副院长、中国书画艺术研究院一级美术师、中国国际出版社书画特约编辑。</text>
		</view>
		<view class="product">
			<text>作品</text>
		</view>
		
		<!-- 作品列表栏 -->
		<view class="list">
			<view class="c1">
				<view class="img">
					<image src="../../../static/person.png" mode=""></image>
				</view>
				<view class="name">
					<text>斗方虾趣图《穷款</text>
				</view>
			</view>
			
			<view class="c1">
				<view class="img">
					<image src="../../../static/person.png" mode=""></image>
				</view>
				<view class="name">
					<text>斗方虾趣图《穷款</text>
				</view>
			</view>
		</view>
		
		<!-- 底部模块 -->
		<view class="foot-bar">  
			<view class="invite">
				<view class="money">
					<text>20000元/天</text>
				</view>
				<view class="price">
					<text>邀约价格</text>
				</view>
			</view>
			<view>
				<view type="error" class="btn" @click="goToOrder">邀约</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
			}
		},
		methods:{
			goToOrder(){
				uni.navigateTo({
					url:'../order/order'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.bg image {
		width: 100%;
		height: 400rpx;
	}
	
	.title {
		font-size: 32rpx;
		font-weight: 700;
		margin-left: 20rpx;
	}
	
	.content {
		font-size: 28rpx;
		font-weight: normal;
		margin: 20rpx;
		text-align: justify;
		color: #939393;
	}
	
	.product {
		font-size: 32rpx;
		font-weight: 700;
		margin-left: 20rpx;
	}
	
	.list {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin-top: 20rpx;
	}
	
	.list .c1{
		width: 346rpx;
		margin-left: 3%;
	}
	
	.list image {
		width: 346rpx;
		height: 346rpx;
		border-radius: 10rpx;
	}
	
	.list .name {
		font-size: 28rpx;
		font-weight: normal;
	}
	
	.foot-bar {
		display: flex;
		justify-content: space-around;
		margin: 20rpx;
	}
	
	.invite .money {
		color: #c6100e;
		font-size: 36rpx;
		font-weight: 700;
	}
	
	.invite .price {
		color: #c6100e;
		font-size: 32rpx;
		font-weight: 400;
	}
	
	.btn {
		width: 500rpx;
		margin-top: 20rpx;
		height: 100rpx;
		background-color: #c6100e;
		text-align: center;
		line-height: 100rpx;
		color: #FFFFFF;
		border-radius: 50rpx;
	}
</style>
